// <!--  -->
// <template>
//   <div class="app-container">
//     <div class="trayInfo-wrapper">
//       <div>
//         <vxe-form ref="xForm" title-width="70" title-align="right" style="display:flex">
//           <vxe-form-item :title="$t('app.Field.托盘号')">
//             <vxe-input
//               v-model.trim="trayBarcode"
//               style="width:250px"
//               clearable
//               :placeholder="$t('app.Field.请输入', { name: $t('app.Field.托盘号') })"
//               @keyup.enter.native="queryData"
//             />
//           </vxe-form-item>
//           <vxe-form-item :title="$t('app.Field.组盘码')">
//             <vxe-input
//               v-model.trim="tCode"
//               style="width:250px"
//               clearable
//               :placeholder="$t('app.Field.请输入', { name: $t('app.Field.组盘码') })"
//               @keyup.enter.native="queryData"
//             />
//           </vxe-form-item>
//           <vxe-form-item span="4" align="left">
//             <vxe-button type="butten" status="primary" @click="queryData">{{
//               $t('vxe.button.search')
//             }}</vxe-button>
//           </vxe-form-item>
//         </vxe-form>
//       </div>

//       <!-- <formInfo :data="data" :loading="loading" /> -->

//       <grid ref="grid" :data="data" :loading="loading" />
//     </div>
//   </div>
// </template>

// <script>
// // import formInfo from './components/trayInfo/form.vue'
// import grid from './components/trayInfo/grid.vue'
// export default {
//   name: 'TrayInfo',
//   // components: { formInfo, grid },
//   components: { grid },
//   // eslint-disable-next-line vue/require-prop-types
//   props: {
//     code: {
//       type: String,
//       default: () => ''
//     },
//     trayCode: {
//       type: String,
//       default: () => ''
//     },
//     activeTab: {
//       type: String,
//       default: () => 'online'
//     },
//     tableHeight: {
//       type: Number,
//       default: () => 500
//     }
//   },
//   data () {
//     return {
//       loading: false,
//       trayBarcode: '', // 托盘码
//       tCode: '', // 组盘码
//       data: {},
//       currentTab: ''
//     }
//   },
//   computed: {},
//   watch: {
//     activeTab: {
//       immediate: true,
//       handler (val) {
//         this.currentTab = val
//       }
//     },
//     tableHeight (val) {
//       this.$refs.grid.height = val - 400
//     }
//   },
//   created () {
//     this.trayBarcode = this.code
//     this.tCode = this.trayCode
//     this.queryData()
//   },

//   mounted () {},
//   methods: {
//     queryData () {
//       if (!this.trayBarcode) {
//         this.$swal({
//           icon: 'warning',
//           text: this.$t('app.Field.托盘号不能为空'),
//           timer: 3000
//         })
//         return
//       }
//       if (!this.tCode) {
//         this.$swal({
//           icon: 'warning',
//           text: this.$t('app.Field.组盘码不能为空'),
//           timer: 3000
//         })
//         return
//       }
//       this.loading = true
//       // const url = this.currentTab === 'online' ? '/stkBalance/queryStkTrayInfo' : '/zbkWmsStkBalance/A'
//       // const url = '/stkBalance/queryStkTrayInfo'
//       // this.$http.post(url, {
//       //   trayBarcode: this.trayBarcode,
//       //   trayCode: this.tCode
//       // }).then(res => {
//       //   this.data = res
//       // }).finally(() => {
//       //   this.loading = false
//       // })
//       // this.postData.trayCode = this.tCode
//       // this.postData.trayBarcode = this.trayBarcode
//       this.$httpWarehouse({
//         url: '/wmsStkBalance/trayDtlExt',
//         method: 'get',
//         params: {
//           trayBarcode: this.trayBarcode,
//           trayCode: this.tCode,
//           skipCount: 0,
//           maxResultCount: 50
//         }
//       }).then(response => {
//         this.data = response.items
//       }).finally(() => {
//         this.loading = false
//       })
//     }
//   }
// }
// </script>
// <style lang="scss" scoped>

// .trayInfo-wrapper {
//   background: #fff;
//   padding: 10px;
//   box-sizing: border-box;

// }
// </style>
